<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no">
	<title>积分消费记录管理</title>
	<meta name="keywords" content="">
	<meta name="description" content="">
	<script src="js/rem.js"></script>
	<script src="js/jquery.min.js" type="text/javascript"></script>
	<link rel="stylesheet" type="text/css" href="css/base.css" />
	<link rel="stylesheet" type="text/css" href="css/page.css" />
	<link rel="stylesheet" type="text/css" href="css/all.css" />
	<link rel="stylesheet" type="text/css" href="css/mui.min.css" />
	<link rel="stylesheet" type="text/css" href="css/loaders.min.css" />
	<link rel="stylesheet" type="text/css" href="css/loading.css" />
	<link rel="stylesheet" type="text/css" href="slick/slick.css" />
	<script type="text/javascript">
		$(window).load(function() {
			$(".loading").addClass("loader-chanage")
			$(".loading").fadeOut(300)
		})

	</script>
</head>
<!--loading页开始-->
<div class="loading">
	<div class="loader">
		<div class="loader-inner pacman">
			<div></div>
			<div></div>
			<div></div>
			<div></div>
			<div></div>
		</div>
	</div>
</div>
<!--loading页结束-->
<body>
<!--header star-->
<header class="mui-bar mui-bar-nav mui-bar-nav2" id="header">
	<a class="btn" href="javascript:history.go(-1)">
		<i class="iconfont icon-fanhui"></i>
		<div  class="top-sch-box top-sch-boxtwo top-sch-boxfour flex-col">
			<a class="btn" href="javascript:history.go(-1)">返回</a>
		</div>
	</a>

</header>
<!--header end-->

<div class="warp warpthree clearfloat">
	<div id="pointItems" class="account clearfloat">
		<!-- {{pointItems}} -->
		<div v-for="pointItem in pointItems">

			<div class="top clearfloat">
				<ul>
					<li class="box-s">记录产生时间</li>
					<li>进出账</li>
					<li>积分</li>
				</ul>
			</div>
			<div class="list clearfloat box-s">
				<div class="shang clearfloat">
					<ul>
						<li class="box-s">{{pointItem.payTime}}</li><!--2016-07-22-->
						<li v-if="pointItem.reason==2">收入</li>
						<li v-if="pointItem.reason==1">消费</li>
						<li>{{pointItem.changeNum}}</li>
					</ul>
				</div>
				<div class="middle clearfloat">
					<ul>
						<li>单号：{{pointItem.pointItemOrder.orderCode}}</li>
						<li>会员名称：{{pointItem.user.username}}</li>
						<li>积分产生方式：消费产生</li>
						<!--<li>积分产生方式：
                            <span v-if="pointItem.pointItemOrder.payStyle==0">微信支付积分</span>
                            <span v-if="pointItem.pointItemOrder.payStyle==1">翼支付支付积分</span>
                            <span v-if="pointItem.pointItemOrder.payStyle==2">积分支付消费</span>
                        </li>-->
					</ul>
				</div>
				<div class="bottom clearfloat">
					<!--							<span class="fl">{{pointItem.createdTime}}</span>-->
					<p class="fr">余额：{{pointItem.remainNum.toFixed(0)}}</p>
				</div>
			</div>

		</div>

	</div>
</div>

</body>
<script type="text/javascript" src="js/jquery-1.8.3.min.js" ></script>
<script src="js/mui.min.js"></script>
<script src="js/others.js"></script>
<script type="text/javascript" src="js/hmt.js" ></script>
<script src="slick/slick.js" type="text/javascript" ></script>
<!--插件-->
<link rel="stylesheet" href="css/swiper.min.css">
<script src="js/swiper.jquery.min.js"></script>
<script src="js/vue-2.4.0.js" type="text/javascript"></script>
<script src="js/axios_v0.12.0.js"></script>
<script>
	var vm = new Vue({
		el: '#pointItems',
		data: {
			pointItems: []
		},
		methods: {

		},
		created() {
			axios.get("/points/list").then(function(response) {
				console.log(response.data.state);
				console.log(response.data.data);
				if (response.data.state == 1000) {
					console.log(response.data.data);
					vm.pointItems = response.data.data;
				} else {
					window.location.href = "login.html";
				}
			})
		}
	});
</script>
</html>
